<template>
    <div>
    <div class="Cooperation">
        <!--合作交流-->
        合作交流
        <div style="margin-top: 15px; margin-left: 50%;">
            <el-input placeholder="请输入合作交流标题、内容" v-model="input1" class="input-with-select">
                <el-button slot="append" icon="el-icon-search">搜索</el-button>
            </el-input>
        </div>

        <div class="scroll">
        <el-descriptions direction="" column="1" title="66种常用中药材质量标准及其对照品的研究">
            <el-descriptions-item label="">川产紫杉醇及其注射液的新药研究(获四川省科学技术进步一等奖) ◎ 中药抗内毒素作用——中医解毒法实质研究(获四川省科学技术进步一等奖) ◎它们通过外源性感染和肠道系统内源性转位两种途径进入血液循环导致内毒素血症，是机体致病</el-descriptions-item>
            <el-descriptions-item label="发布机构">承德科研院</el-descriptions-item>
            <el-divider></el-divider>
        </el-descriptions>
        <el-descriptions direction="" column="1" title="66种常用中药材质量标准及其对照品的研究">
            <el-descriptions-item label="">川产紫杉醇及其注射液的新药研究(获四川省科学技术进步一等奖) ◎ 中药抗内毒素作用——中医解毒法实质研究(获四川省科学技术进步一等奖) ◎它们通过外源性感染和肠道系统内源性转位两种途径进入血液循环导致内毒素血症，是机体致病</el-descriptions-item>
            <el-descriptions-item label="发布机构">承德科研院</el-descriptions-item>
            <el-divider></el-divider>
        </el-descriptions>
        <el-descriptions direction="" column="1" title="66种常用中药材质量标准及其对照品的研究">
            <el-descriptions-item label="">川产紫杉醇及其注射液的新药研究(获四川省科学技术进步一等奖) ◎ 中药抗内毒素作用——中医解毒法实质研究(获四川省科学技术进步一等奖) ◎它们通过外源性感染和肠道系统内源性转位两种途径进入血液循环导致内毒素血症，是机体致病</el-descriptions-item>
            <el-descriptions-item label="发布机构">承德科研院</el-descriptions-item>
            <el-divider></el-divider>
        </el-descriptions>

        </div>

        <div class="block" >
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage4"
                    :page-sizes="[100, 200, 300, 400]"
                    :page-size="100"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="400">
            </el-pagination>
        </div>
    </div>
    </div>
</template>

<script>
    export default {
        name:'Cooperation',
        methods: {
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            }
        },
        data() {
            return {
                currentPage1: 5,
                currentPage2: 5,
                currentPage3: 5,
                currentPage4: 4
            };
        }
    }
</script>

<style>
    .Cooperation{
        float: left;
        text-align: center;
        /*float: left;*/
        height: auto;
        /*background-color: #CC0001;*/
    }
    .scroll{
        height: 450px;
        width: auto;
        overflow: auto;
    }
</style>